<template>
	<view class="login">
		<image  class="banner" src="../../static/image/w4.jpg"></image>
		<!-- 绑定获取用户信息事件 设置 用户 信息 开放模式 -->
		<button class="btn1" size="mini"  type="warn" open-type="getUserInfo" @getuserinfo="getuserinfo">授权登录</button>
	</view>
</template>

<script>
	export  default{
		methods:{
			//  内置 接收 用户 账号信息
			getuserinfo(res){
				console.log(res)
				try {
				    uni.setStorageSync('userinfo', res.detail.userInfo);
					uni.switchTab({
					    url: '/pages/index/index'
					});
				} catch (e) {
				    // error
				}
			}
		}
	}
</script>

<style lang="less" scoped>
	.login{
		.banner{
			position: fixed;
		    height: 100%;
			width: 100%;
			left: 0;
			right: 0;
		}
		.btn1{
			position: absolute;
			bottom: 150px;
			left: 50%;
			transform: translateX(-50%);
		}
	}
</style>
